@charset "utf-8";
@import "_iconfont.scss";
@function r($px){
    @return ($px/40)*1rem;
}
@function px($px){
    @return ($px/2)*1px;
}
body{
    font-family: "微软雅黑";
}
ul,li{
    box-sizing: border-box;
}

#web{
   width: r(750);
   height: 100%;
   position: relative;
}
//title部分
    .group-title{
        margin-top:px(38);
        height:px(57);
        width:100%;
        position:fixed;

        
        p{
            text-align: center;
            font-size: px(26);
            font-weight: bold;
            line-height: px(57);
        }
        .group-return{
            width:px(122);
            height:px(57);
            box-sizing: border-box;
            border:1px solid #ff9a50;
            border-radius:5px;
            text-align:center;
            line-height:px(57);
            font-size: px(26);
            margin-left:r(23);
            
        }
        .group-area{
            width: 79px;
            height: 27px;
            border: 1px solid #ff9344;
            margin-right:r(21);
            select{
                width: 100%;
                height: 100%;
                border: none;
                outline: none;
                text-indent: 7px;
                vertical-align: top;
                //去除默认样式（小三角）
                appearance: none;
                -webkit-appearance: none;
    //          text-align: center;
                background: url(../img/xiaojiao.png) no-repeat;
                background-size:15px 8px ;
                background-position: right 6px center;
                
            }
        }
        
    }
    //title部分
//内容部分
.session{
    width:100%;
    
    
    //banner部分
    .group-banner{
        width:100%;
        position:relative;  
        padding-bottom:30px;
        .group-bannerImg{
            width:100%;
            padding:0 r(23);
            transform: translateY(px(18));
            
            li{           
                float:left;
                text-align:center;
                width:25%;
                font-size: px(26);
                font-weight: bold;
                img{
                    width:px(148);
                    height: px(149);
                }
            }
        }
        .group-indicator{
            
            position:absolute;
            left:50%;
            bottom:px(-14);
            margin-left:px(-78);
            li{
                width:12px;
                height:12px;
                border:1px solid #ff9344;
                border-radius: 6px;
                float:left;
                margin-left:px(10);
    
               
            }
            .banner-active{
                background: #ff9344;;
            }
            
        } 
    }
    //banner部分
      
    //团购分类部分

    .group-classify{
        margin-top:10px;
        height:44px;
          
        .classify-left{
            margin-left:r(31);
            p{
                line-height:44px;
                font-weight: bold;
                vertical-align: middle; 
                font-size: px(30);              
            }
            img{
                font-size:0;
                width:px(73);
                height:px(44);
                display:block;
                transform: translateY(11px);                     
            }
            .yd{
                width:px(72);
                height:px(58);
                transform: translateY(4px);
            }
            .movie{
                width:px(73);
                height:px(53);
            }
          }
        .classify-right{
                font-size: px(24);
                line-height: 44px;
                margin-right:r(22);
                img{
                vertical-align: middle;
                width:px(26);
                height:px(26);
                margin-left:7px;
            }
        }

    }
    .classify-show{
        ul{
            display:flex;
            justify-content: space-between;
            padding:0 r(32);
            margin-top:px(10);
           li img{
               width:r(133);
               height:r(133);
           } 
        }
    }


    //团购分类部分
    
}




.session{
    position: absolute;
    top: px(127);
    bottom: px(136);
    left: 0;
    right: 0;
    //纵向滚动
    overflow-y:scroll ;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
}



//内容部分
footer{
    width: r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;

    ul{

        li{ 
            width: 25%;
            float: left;
            text-align: center;
            margin-top:px(20);
            font-size:px(26);
            .iconfont{
                font-size:33px;
                -webkit-text-stroke: 1px #ff9344;    
                color:white;
            }
            

        }
    }
}
footer ul li .active{
    color: #ff9344;
}